.no-ports-warning {
  align-items: center;
  display: flex;
  gap: 14px;
}

.port-list {
  margin-top: 0;
  padding-left: 20px;

  li {
    margin-bottom: 2px;

    &:last-of-type {
      margin-bottom: 0;
    }

    &::marker {
      color: var(--alt-fg1);
    }

    .port {
      align-items: center;
      display: flex;
      justify-content: space-between;

      .port-actions {
        display: flex;
      }

      .icon {
        height: 20px;
        width: 20px;
      }
    }
  }
}
